<style>
  .ivu-input[disabled], fieldset[disabled] .ivu-input {
    background-color: white;
    opacity: 1;
    cursor: not-allowed;
    color: #515A6E;
  }
  .ivu-select-disabled .ivu-select-selection {
    background-color: white;
    opacity: 1;
    cursor: not-allowed;
    color: #515A6E;
  }
  .ivu-select-input[disabled] {
    cursor: not-allowed;
    color: #515A6E;
    -webkit-text-fill-color: #515A6E;
}
</style>
<template>
  <div class="container">
    <Tabs type="card">
        <TabPane label="未处置">
          <div class="opt-area-02">
            <div class="right-con">
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入姓名" style="width: 164px" v-model="params.name"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入身份证号" style="width: 164px" v-model="params.cardno"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入联系方式" style="width: 164px" v-model="params.tel"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Select v-model="params.thing_type" placeholder="请选择事件类型" style="width: 164px">
                    <Option value="">全部</Option>
                    <Option value="201">体温异常告警</Option>
                    <Option value="101">新冠症状告警</Option>
                    <Option value="105">多医院就诊告警</Option>
                    <Option value="113">发热够药告警</Option>
                    <Option value="112">重点地区人员就诊告警</Option>
                    <Option value="111">密接人员告警</Option>
                    <Option value="110">居家隔离人员就诊告警</Option>
                    <Option value="109">集中隔离人员就诊告警</Option>
                    <Option value="130">医护人员核酸检测告警</Option>
                    <Option value="115">医护人员发热购药告警</Option>
                    <Option value="116">医护人员就诊告警</Option>
                    <Option value="114">医护人员中高风险地区告警</Option>
                  </Select>
              </div>
              <Button class="table-action-btn" type="info" @click="init(1)">搜索</Button>
            </div>
          </div>
          <Table :loading="loading" :columns="columns1" ref="selection"  :data="DataList"  size="small" border>
            <template slot-scope="{ row }" slot="caozuo">
              <Row style="margin-bottom: 5px; margin-top: 2px">
                <Button
                  v-if="row.thing_type === 201 || row.thing_type === 101 || row.thing_type === 113
                  || row.thing_type === 112 || row.thing_type === 110 || row.thing_type === 109
                  || row.thing_type === 116"
                 class="table-action-btn" type="info" size="small" :disabled="issubmit" @click="showinfo(row)">详情</Button>
                <Button class="table-action-btn" type="success" size="small" :disabled="issubmit" @click="showchuzhi(row)">处置</Button>
                <!-- <Button class="table-action-btn" type="warning" size="small" :disabled="issubmit" @click="saveshilian(row)">失联处置</Button> -->
              </Row>
            </template>
          </Table>
          <Page class="page_style" :total="totalnum" :current="currentPageNo"
                :page-size="currentPageSize" @on-change="changePageNo" show-total  show-sizer @on-page-size-change="sizeL" style="height: 30px;line-height: 30px;font-size: 12px;float:right;margin-top:5px" />
        <Modal
            v-model="chuzhiinfo.isshow"
            title="告警处置">
            <Form ref="formInline" :model="chuzhiinfo.info" inline style="width:100%">
            <Row :gutter="32">
              <Col span="32">
                <FormItem>
                  <template slot="label">
                    <span class="red-star">*</span>处置内容：
                  </template>
                  <Input type="textarea" maxlength="200" show-word-limit v-model="chuzhiinfo.info.handle_content" placeholder="请输入处置内容" />
                </FormItem>
              </Col>
            </Row>
          </Form>
            <div slot="footer">
              <Button type="error" @click="chuzhiinfo.isshow=false">关闭</Button>
              <Button type="success" @click="save">保存</Button>
            </div>
        </Modal>
        <Modal
            v-model="baseinfo.isshow"
            width="1100"
            title="详情信息">
            <div>
            <i-form scp-type="表单页面" style="padding:10px;" label-position="top" scp-layout="true">
                <div style="background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;font-size:16px;margin:15px 0;padding:8px 12px;width:100%;" class="title-style">基本信息</div>
                <i-form scp-type="表单" style="padding:10px;" label-position="top" scp-layout="true">
                    <div style="display:flex;">
                        <div style="width:49.6%;display:flex;">
                            <div style="width:25%;display:flex;align-items:center;margin-right:8px"><img :src="data.head_img" style="margin:0 auto;height:150px;display:block;"></img></div>
                            <div style="width:75%">
                                <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                    <i-col :span="6" style="">
                                        <div class="colLeft">患者姓名</div>
                                    </i-col>
                                    <i-col :span="18">
                                        <div class="colRight"><span scp-type="文字" style="">{{data.name}}</span></div>
                                    </i-col>
                                </Row>
                                <div v-if="false" style="height:5px"></div>
                                <Row v-if="false" :gutter="16" style="" scp-layout="true" class="rowFa">
                                    <i-col :span="6">
                                        <div class="colLeft">联系电话</div>
                                    </i-col>
                                    <i-col v-if="false" :span="18" style="">
                                        <div class="colRight"><span style="">{{data.mobile?data.mobile:'无'}}</span></div>
                                    </i-col>
                                </Row>
                                <div v-if="false" style="height:5px"></div>
                                <Row v-if="false" :gutter="16" style="" scp-layout="true" class="rowFa">
                                    <i-col v-if="false" :span="6" style="">
                                        <div class="colLeft">区/街道/社区</div>
                                    </i-col>
                                    <i-col v-if="false" :span="18">
                                        <div class="colRight"><span style="">{{data.area+data.street+data.community?data.area+data.street+data.community:'无'}}</span></div>
                                    </i-col>
                                </Row>
                                <div style="height:5px"></div>
                                <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                    <i-col :span="6">
                                        <div class="colLeft">测量温度</div>
                                    </i-col>
                                    <i-col :span="18">
                                        <div class="colRight"><span scp-type="文字" style="">{{data.temp?data.temp:'无'}}</span></div>
                                    </i-col>
                                </Row>
                                <div style="height:5px"></div>
                                <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                    <i-col :span="6">
                                        <div class="colLeft">呼吸频率</div>
                                    </i-col>
                                    <i-col :span="18">
                                        <div class="colRight"><span scp-type="文字" style="">{{data.breath_rate?data.breath_rate:'无'}}</span></div>
                                    </i-col>
                                </Row>
                            </div>
                        </div>
                        <div style="width:0.4%"></div>
                        <div style="width:50%;margin-left:12px">
                            <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                <i-col :span="6">
                                    <div class="colLeft">证件号码</div>
                                </i-col>
                                <i-col :span="18">
                                    <div class="colRight"><span scp-type="文字" style="">{{data.id_number?data.id_number:'无'}}</span></div>
                                </i-col>
                            </Row>
                            <div v-if="false" style="height:5px"></div>
                            <Row v-if="false" :gutter="16" style="" scp-layout="true" class="rowFa">
                                <i-col v-if="false" :span="6">
                                    <div class="colLeft">性别</div>
                                </i-col>
                                <i-col v-if="false" :span="18">
                                    <div class="colRight"><span scp-type="文字" style="">{{data.sex?data.sex:'无'}}</span></div>
                                </i-col>
                            </Row>
                            <div v-if="false" style="height:5px"></div>
                            <Row v-if="false" :gutter="16" style="" scp-layout="true" class="rowFa">
                                <i-col v-if="false" :span="6">
                                    <div class="colLeft">详细地址</div>
                                </i-col>
                                <i-col v-if="false" :span="18">
                                    <div class="colRight"><span scp-type="文字" style="">{{data.address?data.address:'无'}}</span></div>
                                </i-col>
                            </Row>
                            <div style="height:5px"></div>
                            <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                <i-col :span="6" style="">
                                    <div class="colLeft">心率</div>
                                </i-col>
                                <i-col :span="18">
                                    <div class="colRight"><span style="">{{data.heart_rate?data.heart_rate:'无'}}</span></div>
                                </i-col>
                            </Row>
                            <div style="height:5px"></div>
                            <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                                <i-col :span="6" style="">
                                    <div style="" class="colLeft">血压</div>
                                </i-col>
                                <i-col :span="18">
                                    <div class="colRight"><span style="">{{data.pulse?data.pulse:'无'}}</span></div>
                                </i-col>
                            </Row>
                            <div style="height:5px"></div>
                        </div>
                    </div>
                </i-form>
                <div v-if="false" style="background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;font-size:16px;margin:15px 0;padding:8px 12px;width:100%;" class="title-style">途径信息（近十四天）</div>
                <i-form v-if="false" scp-type="表单" style="padding:10px;" label-position="top" scp-layout="true">
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">途径地区</div>
                        </i-col>
                        <i-col v-if="way" :span="21">
                            <div style="" class="colRight">{{item.name}}&nbsp;&nbsp;</span></div>
                        </i-col>
                    </Row>
                </i-form>
                <div style="background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;font-size:16px;margin:15px 0;padding:8px 12px;width:100%;">诊断信息</div>
                <i-form scp-type="表单" style="padding:10px;" label-position="top" scp-layout="true">
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">病症病状</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.discomfort?data.discomfort:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3">
                            <div class="colLeft">处置方式</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.handle_type?data.handle_type:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3">
                            <div class="colLeft">查体</div>
                        </i-col>
                        <i-col :span="9" style="">
                            <div class="colRight"><span scp-type="文字" style="">{{data.physical_examination?data.physical_examination:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3" style="">
                            <div style="" class="colLeft">既往病史</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.medical_history?data.medical_history:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px;"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">临床诊断</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.clinical_diagnosis?data.clinical_diagnosis:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3">
                            <div class="colLeft">治疗意见</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.treatment_advice?data.treatment_advice:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px;"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">近日核酸情况</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.recent_situation?data.recent_situation:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3">
                            <div class="colLeft">近日核酸结果</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.recent_situation_result?data.recent_situation_result:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">下一步计划</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.remark?data.remark:'无'}}</span></div>
                        </i-col>
                    </Row>
                </i-form>
                <div style="background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;font-size:16px;margin:15px 0;padding:8px 12px;width:100%;" class="title-style">核酸检测信息</div>
                <i-form scp-type="表单" style="padding:10px;" label-position="top" scp-layout="true">
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3">
                            <div class="colLeft">核酸检测时间</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.nuclein_test_time?data.nuclein_test_time:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3">
                            <div class="colLeft">检测方式</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.test_type?data.test_type:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">检测机构</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.test_company?data.test_company:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3">
                            <div class="colLeft">检测机构名称</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span scp-type="文字" style="">{{data.test_company_name?data.test_company_name:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3" style="">
                            <div class="colLeft">检测结果</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.nuclein_test_result?data.nuclein_test_result:'无'}}</span></div>
                        </i-col>
                        <i-col v-if="false" :span="3">
                            <div class="colLeft">病毒核酸检测</div>
                        </i-col>
                        <i-col v-if="false" :span="9">
                            <div class="colRight"><span style="">{{data.virus_testing?data.virus_testing:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3" style="">
                            <div class="colLeft">抗体检测</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.antibody_testing?data.antibody_testing:'无'}}</span></div>
                        </i-col>
                    </Row>
                    <div style="height:5px"></div>
                    <Row :gutter="16" style="" scp-layout="true" class="rowFa">
                        <i-col :span="3">
                            <div class="colLeft">胸部CT</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.chest_CT?data.chest_CT:'无'}}</span></div>
                        </i-col>
                        <i-col :span="3" style="">
                            <div class="colLeft">血常规</div>
                        </i-col>
                        <i-col :span="9">
                            <div class="colRight"><span style="">{{data.routine_blood_test?data.routine_blood_test:'无'}}</span></div>
                        </i-col>
                    </Row>
                </i-form>
                <Row justify="center" style="min-height:10px;" align="middle" scp-layout="true">
                    <Divider scp-type="分隔线"></Divider>
                </Row>
            </i-form>
        </div>
            <div slot="footer">
              <Button type="error" @click="baseinfo.isshow=false">关闭</Button>
            </div>
        </Modal>
        </TabPane>
        <TabPane label="已处置">
          <div class="opt-area-02">
            <div class="right-con">
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入姓名" style="width: 164px" v-model="params1.name"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入身份证号" style="width: 164px" v-model="params1.cardno"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Input type="text" placeholder="请输入联系方式" style="width: 164px" v-model="params1.tel"/>
              </div>
              <div class="input-frame" style="width: 164px">
                  <Select v-model="params1.thing_type" placeholder="请选择事件类型" style="width: 164px">
                    <Option value="">全部</Option>
                    <Option value="201">体温异常告警</Option>
                    <Option value="101">新冠症状告警</Option>
                    <Option value="105">多医院就诊告警</Option>
                    <Option value="113">发热够药告警</Option>
                    <Option value="112">重点地区人员就诊告警</Option>
                    <Option value="111">密接人员告警</Option>
                    <Option value="110">居家隔离人员就诊告警</Option>
                    <Option value="109">集中隔离人员就诊告警</Option>
                    <Option value="130">医护人员核酸检测告警</Option>
                    <Option value="115">医护人员发热购药告警</Option>
                    <Option value="116">医护人员就诊告警</Option>
                    <Option value="114">医护人员中高风险地区告警</Option>
                  </Select>
              </div>
              <Button class="table-action-btn" type="info" @click="init1()">搜索</Button>
            </div>
          </div>
          <Table :loading="loading1" :columns="columns1" ref="selection"  :data="DataList1"  size="small" border>
            <template slot-scope="{ row }" slot="caozuo">
              <Row style="margin-bottom: 5px; margin-top: 2px">
                <Button class="table-action-btn" type="info" size="small" :disabled="issubmit" @click="showinfo(row)">详情</Button>
                <Button class="table-action-btn" type="success" size="small" :disabled="issubmit" @click="showchuzhi1(row)">处置信息</Button>
                <!-- <Button class="table-action-btn" type="warning" size="small" :disabled="issubmit" @click="saveshilian(row)">失联处置</Button> -->
              </Row>
            </template>
          </Table>
          <Page class="page_style" :total="totalnum1" :current="currentPageNo1"
                :page-size="currentPageSize1" @on-change="changePageNo1" show-total  show-sizer @on-page-size-change="sizeL1" style="height: 30px;line-height: 30px;font-size: 12px;float:right;margin-top:5px" />
                <Modal
            v-model="chuzhiinfo1.isshow"
            title="告警处置">
            <Form ref="formInline" :model="chuzhiinfo.info" inline style="width:100%">
            <Row :gutter="32">
              <Col span="32">
                <FormItem>
                  <template slot="label">
                    <span class="red-star">*</span>处置内容：
                  </template>
                  <Input disabled type="textarea" maxlength="200" show-word-limit v-model="chuzhiinfo.info.handle_content" placeholder="请输入处置内容" />
                </FormItem>
              </Col>
            </Row>
          </Form>
            <div slot="footer">
              <Button type="error" @click="chuzhiinfo1.isshow=false">关闭</Button>
            </div>
        </Modal>
        </TabPane>
        <div style="height:10px;width:100%">111</div>
    </Tabs>
  </div>
</template>

<script>
import { findListmedical, updatehandleinfo, getInfomedical } from '@/api/yi-qing-fang-kong'
export default {
  name: 'handlelist',
  data () {
    return {
      DataList: [],
      DataList1: [],
      columns1: [
        { type: 'index', fixed: 'left', width: '80', title: '序号', align: 'center' },
        { title: '姓名', fixed: 'left', width: '100', key: 'name', align: 'center' },
        { title: '身份证号', width: '200', key: 'cardno', align: 'center' },
        { title: '手机号', width: '150', key: 'tel', align: 'center' },
        { title: '事件类型', width: '200', key: 'thing_type_name', align: 'center' },
        { title: '就诊次数', width: '140', key: 'visits_times', align: 'center' },
        { title: '发送机构', width: '140', key: 'company_name', align: 'center' },
        { title: '备注信息',
          width: '240',
          key: 'message',
          align: 'center',
          render: (h, params) => {
            let texts = params.row.message
            console.log(params.row.message, 'aaaaaa')
            if (params.row.message != null) {
              if (params.row.message.length > 20) {
                texts = params.row.message.substring(0, 20) + '...' // 进行数字截取或slice截取超过长度时以...表示
              } else {
                texts = params.row.message
              }
            }
            return h('Tooltip', {
              props: {
                placement: 'top'
              }
            }, [texts,
              h('span', {
                slot: 'content',
                style: {
                  whiteSpace: 'normal',
                  wordBreak: 'break-all'
                }
              }, params.row.message)
            ])
          }
        },
        { title: '是否处置', width: '100', key: 'is_handle_name', align: 'center' },
        // { title: '处置内容', width: '200', key: 'handle_content', align: 'center' },
        { title: '处置时间', width: '250', key: 'handle_time', align: 'center' },
        { title: '操作', fixed: 'right', width: '220', slot: 'caozuo', align: 'center' }
      ],
      params: {
        name: '',
        cardno: '',
        tel: '',
        pageNo: 1,
        pageSize: 10,
        is_handle: '0'
      },
      params1: {
        name: '',
        cardno: '',
        tel: '',
        pageNo: 1,
        pageSize: 10,
        is_handle: '1'
      },
      data: {},
      currentPageNo: 1,
      currentPageSize: 10,
      totalnum: 0,
      currentPageNo1: 1,
      currentPageSize1: 10,
      totalnum1: 0,
      loading: false,
      loading1: false,
      issubmit: false,
      tabindex: 0,
      rowinf: {},
      chuzhiinfo: {
        isshow: false,
        info: {
          handle_content: ''
        }
      },
      chuzhiinfo1: {
        isshow: false,
        info: {
          handle_content: ''
        }
      },
      baseinfo: {
        isshow: false
      }
    }
  },
  computed: {
    companyCode () {
      return this.$store.state.user.severUserInfo.company_code
    }
  },
  watch: {
  },
  methods: {
    save () {
      let params = this.row
      if (!this.chuzhiinfo.info.handle_content) {
        this.$Notice.error({
          title: '请输入处置内容'
        })
        return
      }
      params.handle_content = this.chuzhiinfo.info.handle_content
      updatehandleinfo(params).then(res => {
        if (res.data.data) {
          this.chuzhiinfo.isshow = false
          this.init()
          this.$Notice.success({ title: '成功' })
        } else {
          this.$Notice.error({ title: '失败' })
        }
      })
    },
    changePageNo (pageNo) {
      console.log(pageNo, '页数')
      this.currentPageNo = pageNo
      this.params.pageNo = pageNo
      this.init()
    },
    sizeL (pageSize) {
      this.currentPageSize = pageSize
      this.changePageNo()
    },
    changePageNo1 (pageNo) {
      console.log(pageNo, '页数')
      this.currentPageNo1 = pageNo
      this.params1.pageNo = pageNo
      this.init1()
    },
    sizeL1 (pageSize) {
      this.currentPageSize1 = pageSize
      this.changePageNo1()
    },
    init () {
      let params = this.params
      this.loading = true
      findListmedical(params).then(res => {
        if (res.data.errcode === 0) {
          console.log(res.data, '====')
          this.DataList = res.data.data.results
          this.totalnum = res.data.data.totalRecord
          this.loading = false
        } else {
          this.$Notice.error({
            title: '查询信息失败',
            desc: res.data.errmsg
          })
          this.loading = false
        }
      })
    },
    init1 () {
      let params = this.params1
      this.loading1 = true
      findListmedical(params).then(res => {
        if (res.data.errcode === 0) {
          console.log(res.data, '====')
          this.DataList1 = res.data.data.results
          this.totalnum1 = res.data.data.totalRecord
          this.loading1 = false
        } else {
          this.$Notice.error({
            title: '查询信息失败',
            desc: res.data.errmsg
          })
          this.loading1 = false
        }
      })
    },
    settab (index) {
      this.tabindex = index
      this.params.is_handle = index
      console.log(this.params)
    },
    showchuzhi (row) {
      this.row = row
      this.chuzhiinfo.info.handle_content = ''
      this.chuzhiinfo.isshow = true
    },
    showchuzhi1 (row) {
      this.chuzhiinfo.info.handle_content = row.handle_content
      this.chuzhiinfo1.isshow = true
    },
    showinfo (row) {
      let params = {
        id: row.sys_id
      }
      getInfomedical(params).then(res => {
        if (res.data.errcode === 0 && res.data.data) {
          this.data = res.data.data
          this.baseinfo.isshow = true
        } else {
          this.$Notice.error({
            title: '获取详情信息失败'
          })
        }
      })
    }
  },
  mounted () {
    this.init()
    this.init1()
  }
}
</script>

<style scoped>
  .opt-area-02 {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid #abdcff;
    background-color: #f0faff;
    padding: 8px 16px 8px 16px;
    border-radius: 4px;
    margin-bottom: 10px;
  }
  .opt-area-02 .right-con {
    width: 100%;
    margin-top: 5px;
    display: flex;
  }
  .opt-area-02 .left-con {
    font-size: 14px;
    width: 100%;
  }
  .opt-area-02 .left-con span {
    font-weight: bold;
  }
  .opt-area-02 .right-con input {
    width: 164px;
    margin-right: 10px;
  }
  .opt-area-02 .right-con .input-frame {
    width: 200px;
    margin-right: 10px;
  }
  .table-action-btn {
    margin-right: 3px;
  }
  .page_style {
    margin-bottom: 5px;
  }
  .page_style .input-vaccines .ivu-select-single .ivu-select-selection {
    height: 50px;
    position: relative;
  }
  .page_style .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 24px;
  }
  .red-star {
    font-family: SimSun;
    color: #f00;
    margin-right: 4px;
  }
  .ivu-form-inline .ivu-form-item {
    width: 100%;
  }
   .rowFa {
        min-height: 40px;
    }
    .colLelft,
    .colRight {
        padding: 1px;

    }
    .colLeft {
        padding: 3px 0;
        text-align: center;
        line-height: 40px;
        background-color: rgba(0, 153, 255, 0.3);
    }
    .colRight {
        padding: 3px 0;
        text-indent: 2em;
        line-height: 40px;
        background-color: rgba(0, 153, 255, 0.1);

    }
    >>> .ivu-table-wrapper,>>> .ivu-table {
        overflow: initial;
    }
</style>
